<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>

<body>
   <script>
      // 1.存储数据
      localStorage.setItem('uname', '金总')
      localStorage.setItem('age', 118)

      // 2.获取数据
      //    localStorage.getItem('属性')

      // 3.删除 数据
      localStorage.removeItem('age', 'uname')

      // 4.删除locaLstorage 里面的所有数据
      //    localStorage.clear()


      // 5.存储复杂数据
      const arr = [
         { id: 1, uname: '郭靖', gender: '男' },
         { id: 2, uname: '小龙女', gender: '女' }
      ]
      // 1. 先将数组转换为JSON格式的字符串
      const str = JSON.stringify(arr)
      console.log(str);
      // 2. 可以将转换后的数据存储到LocaLstirage里面
      localStorage.setItem('arr', str)
      // 获取本地储存里面的数据
      const res = localStorage.getItem('arr')
      // 需要将JSON格式的字符串转换为对象或者数组
      console.log((JSON.parse(res)));
   </script>
</body>

</html>